import {useState} from 'react'
import Stepper  from "./components/Stepper";

function App() {
  // 控制文字大小
  const [fontSize,setFontSize] = useState(12);
  // 控制方框大小
  const [boxSize,setBoxSize] = useState(200);
  return ( <div>
    <h1>组件的传参</h1>
    {/* 组件传参:父传子使用的属性方式 */}
    <Stepper value={fontSize} onChange={num=>setFontSize(num)}></Stepper>
    <Stepper value={boxSize} step={10} onChange={num=>setBoxSize(num)}></Stepper>

    <div style={{fontSize:fontSize,border:'1px solid red',width:boxSize,height:boxSize}}>我是一个行测试文字</div>
  </div> );
}

export default App;